/*# sourceMappingURL=style.css.map */

/* 本例子css */
.lazy{
	/*background: url(../img/logo.png) center no-repeat;*/
}
.loadingBg { position: fixed; width: 100%; height: 100%; left: 0px; top: 0px; background-color: #f5f5f5; z-index: 9999; }
.loading { width:371px; height:75px; position: fixed; top: 50%; left: 50%; margin-left: -185.5px; margin-top: -27.5px; z-index: 999; }
.m-black, .m-red { position: absolute; bottom: 0px; left: 0; width: 371px; }
.m-black { background: url(../img/logo1.png) no-repeat left top; height:75px; }
.m-red { 
background: url(../img/logo2.png) no-repeat left bottom;
	 -webkit-animation: fill 3s infinite linear;
	 animation: fill 3s infinite linear;
	 -moz-animation:fill 3s infinite linear;
	   height: 56px; 
}

@-moz-keyframes fill {
    0% { height: 0px; }
    25% { height: 20px; }
    50% { height: 40px; }
    75% { height: 60px; }
    100% { height: 75px; }
}

@-webkit-keyframes fill {
    0% { height: 0px; }
    25% { height: 20px; }
    50% { height: 40px; }
    75% { height: 60px; }
    100% { height: 75px; }
}
@keyframes fill {
    0% { height: 0px; }
    25% { height: 20px; }
    50% { height: 40px; }
    75% { height: 60px; }
    100% { height: 75px; }
}

::-webkit-scrollbar/*鏁翠綋閮ㄥ垎*/{width:5px;height:5px;}
::-webkit-scrollbar-track/*婊戝姩杞ㄩ亾*/{border-radius: 0px;
background:rgba(181,141,98,0);}
::-webkit-scrollbar-thumb/*婊戝潡*/{border-radius:5px;
background:#b58d62;}
::-webkit-scrollbar-thumb:hover/*婊戝潡鏁堟灉*/{border-radius:5px;
background:#b58d62;}
body{
	padding: 0;
	margin: 0;
	min-width: 1280px;
	/*font-weight: lighter;*/
}
input.inp-tet::-webkit-input-placeholder, textarea::-webkit-input-placeholder { 
	color: #878888; 
} 
input.inp-tet:-moz-placeholder, textarea:-moz-placeholder { 
	color: #878888; 
} 
.header{
	width: 100%;
	height: 71px;
	z-index: 31;
	position: relative;
	border-bottom: 1px solid #d7d7d7;
}
.header .warp-head{
	width: 1280px;
	margin:0  auto;
	height: 71px;
}
.header .logo{
	width: 179px;
	float: left;
	height: 37px;
	margin-top: 17px;
}
.header .logo img{
	display: block;
	width: 100%;
}
.header .box{
	float: right;
	height: 71px;
}
.header .box .nav{
	float: right;
	width: 655px;
	margin-right: 100px;
}
.header .box .nav li{
	display:block;
	float: left;
	/*position: relative;*/
	margin-right: 42px;
}
.header .box .nav li .title{
	display:block;
	color: #333;
	float: left;
	font-size: 16px;
	height: 71px;
	line-height: 71px;
	/*font-weight:lighter;*/
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.header .box .nav li.on .title,.header .box .nav li .title:hover,.header .box  .cent .details a:hover,.header .li_child a:hover{
	color: #c2986d;
}
.header .li_child{
	display: block;
	position: absolute;
	top: 71px;
	overflow: hidden;
	left: 0;
	width: 100%;
	height: 100px;
	background-color: #f7f8f8;
	z-index: 200;
	display: none;
}
.header .li_child .details{
	width: 99.9%;
	height: 100px;
	background-color: #f7f8f8;
	text-align: center;
}
.header .li_child a{
	display: inline-block;
	/* height: 80px; */
	line-height: 20px;
	margin: 10px 22px;
	font-size: 12px;
	color: #999;
	padding-top: 55px;
	cursor: pointer;
	position: relative;
}
.header .li_child a img{
	position: absolute;
	left: 50%;
  transform: translateX(-50%);
	top: 0;
	display: block;
	margin-top: 0;
	width: 70px;
}
.header .li_child a .img2{
	display: none;
}
.header .nav li a:hover  .img2{
	display: block;
}
.header .nav li a:hover .img1{
	display: none;
}

.header .box .serch{
	width: 170px;
	float: right;
	height: 22px;
	line-height: 22px;
	margin-top: 24.5px;
	position: relative;
	margin-right: -100px;
}
.header .box .serch form{
	display: block;
	width: 100%;
	height: 100%;
}
.header .box .serch .ser{
	width: 126px;
	height: 19px;
	line-height: 19px;
	display: block;
	border:1px solid #999;
	float: left;
	padding: 0 5px;
}
.header .box .serch .sub{
	width: 30px;
	height: 22px;
	border:0;
	display: block;
	padding: 0;
	float: right;
	background: url(../img/serch-icon.png) center no-repeat;
}
.serch_list{
	position: absolute;
	left: 0;
	top: 20px;
	border: 1px solid #999;
	background: #fff;
	display: none;
}
.serch_list a{
	display: block;
	padding: 0 5px;
	color: #666;
	min-width: 126px;
}
.serch_list a:hover{
	background: #eaeaea;
	/*color: #fff;*/
}
.header .box  .cent{
	float: right;
	height: 22px;
	margin-top:24.5px;
	width: 180px;
}
.header .box  .cent .details{
	float: right;
	line-height: 22px;
	font-size: 14px;
	height: 22px;
	margin-left: 15px;
	position: relative;
}
.header .box  .cent .details a{
	/*display:inline-block;*/
	color: #3d3b39;
	font-size: 14px;
	line-height: 22px;
	margin: 0 6px;
	padding: 0;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.header .box  .cent .details i{
	display: block;
	width: 1px;
	height: 12px;
	background-color: #9b9a99;
	position: absolute;
	left: 50%;
	margin: 5.5px 0 0 -2px;
}

.footer{
	width: 1280px;
	margin: 0 auto;
	padding-bottom: 45px;
	overflow: hidden;
}
.footer ul{
	width: 1360px;
}
.footer li{
	float: left;
	width: 108px;
	margin-right: 62px;
}
.footer li .title{
	font-size: 14px;
	color: #000000;
	line-height: 18px;
	position: relative;
	padding-top: 13px;
	margin-bottom: 12px;
}
.footer li .title i{
	display: block;
	width: 26px;
	height: 1px;
	background-color: #c2986d;
	position: absolute;
	top: 0;
	left: 0;
}
.footer li .details a{
	display: block;
	font-size: 12px;
	color: #959595;
	line-height: 24px;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	cursor: pointer;
}
.footer li .details a:hover{
	color: #000;
}

.fot{
	width: 100%;
	background-color: #d9d9d9;
	padding: 16px 0 12px;
}
.fot .warp{
	width: 1280px;
	margin: 0 auto;
}
.fot .warp .left{
	width: 500px;
}
.fot .warp .left p{
	margin-bottom: 4px;
}
.fot .warp .left p,.fot .warp .left,.fot .warp .left p a{
	font-size: 12px;
	color: #606060;
	line-height: 20px;
}
.fot .warp .left p a{
	display: inline-block;
	margin-right: 20px;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.fot .warp .left p a:hover{
	color: #000;
}
.fot .warp .right{
	width: 350px;
}
.fot .warp .right .title{
	width: 160px;
	float: left;
	padding-left: 50px;
	background: url(../img/tdc.png) no-repeat left center/48px;
}
.fot .warp .right .title .tit{
	font-size: 14px;
	color: #606060;
	line-height: 18px;
	margin-bottom: 2px;
}
.fot .warp .right .title .math{
	font-size: 18px;
	color: #606060;
	line-height: 20px;
}
.fot .warp .right .icon{
	float: left;
	height: 40px;
	width: 140px;
	position: relative;
}
.fot .warp .right .icon a{
	width: 40px;
	display: block;
	float: left;
	height: 40px;
	margin-right: 20px;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	cursor: pointer;
}
.fot .warp .right .icon .wb{
	background: url(../img/fot-icon2.png) center no-repeat;
}
.fot .warp .right .icon .wb:hover{
	/*background: url(../img/fot-icon22.png) center no-repeat;*/
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.fot .warp .right .icon .wx{
	background: url(../img/fot-icon3.png) center no-repeat;
}
.fot .warp .right .icon .wx:hover{
	/*background: url(../img/fot-icon33.png) center no-repeat;*/
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.fot .warp .right .icon .wx-tip{
	position: absolute;
	top: -155px;
	width: 126px;
	height: 153px;
	left: 25px;
	z-index: 3;
	display: none;
	background: url(../img/fot-icon4.png) center no-repeat;
}
.fot .warp .right .icon .wx-tip .ewm{
	width: 112px;
	margin: 0 auto;
	height: 115px;
	padding-top: 5px;
	display: block;
}
.fot .warp .right .icon .wx-tip .tit{
	text-align: center;
	font-size: 12px;
	color: #666666;
	line-height: 16px;
}
.base-ban{
	width: 100%;
	position: relative;
	height: 680px;
	overflow: hidden;
	/*background-color: #000;*/
}
.base-ban .loader{
	z-index: 20;
}
.base-ban .bgimg{
	position: absolute;
     top: 0; 
     left: 50%; 
    width: 1920px;
     margin-left: -960px; 
    height: 100%;
    min-width: 1280px;

}

.waiter{
	width: 100%;
}
.waiter .spinner {
  margin: 24px auto;
  width: 20px;
  height: 20px;
  position: relative;
}
 
.waiter .container1 > div,.waiter .container2 > div,.waiter .container3 > div {
  width: 6px;
  height: 6px;
  background-color: #333;
  border-radius: 100%;
  position: absolute;
  -webkit-animation: bouncedelay 1.2s infinite ease-in-out;
  animation: bouncedelay 1.2s infinite ease-in-out;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.waiter .spinner .spinner-container {
  position: absolute;
  width: 100%;
  height: 100%;
}
 
.waiter .container2 {
  -webkit-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}
 
.waiter .container3 {
  -webkit-transform: rotateZ(90deg);
  transform: rotateZ(90deg);
}
 
.waiter .circle1 { top: 0; left: 0; }
.waiter .circle2 { top: 0; right: 0; }
.waiter .circle3 { right: 0; bottom: 0; }
.waiter .circle4 { left: 0; bottom: 0; }
 
.waiter .container2 .circle1 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
 
.waiter .container3 .circle1 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}
 
.waiter .container1 .circle2 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
 
.waiter .container2 .circle2 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
 
.waiter .container3 .circle2 {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}
 
.waiter .container1 .circle3 {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}
 
.waiter .container2 .circle3 {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
 
.waiter .container3 .circle3 {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}
 
.waiter .container1 .circle4 {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}
 
.waiter .container2 .circle4 {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}
 
.waiter .container3 .circle4 {
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s;
}
 
@-webkit-keyframes bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0.0) }
  40% { -webkit-transform: scale(1.0) }
}
 
@keyframes bouncedelay {
  0%, 80%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 40% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}

.indtip{
	width: 1280px;
	margin: 0 auto 50px;
	overflow: hidden;
}
.indtip ul{
	width: 1320px;
}
.indtip li{
	float: left;
	width: 283px;
	height: 168px;
	margin-right: 45px;
	border:1px solid #e1e1e1;
	text-align: center;
	cursor: pointer;
}
.indtip li a{
	display: inline-block;
	width: 100%;
	height: 100%;
}

.indtip li .img{
	width:60px;
	height: 60px;
	margin: 20px auto 15px;
}
.indtip li .img img{
	display: block;
	width: 100%
}
.indtip li h2{
	font-size: 18px;
	line-height: 35px;
	color: #c2986d;
	font-weight: normal;
}
.indtip li .tit{
	font-size: 14px;
	color: #959595;
	line-height: 18px;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.indtip li:hover .tit{
	color: #000;
}

.indban .right .video img,.indban .right .mian .box img,.ind-activity .list li .img img,.pro6 .picScroll-left .bd ul li .pic img,
.pro6 .warp .tit-pic img,.pro6 .list li .pic img,.video-warp .warp li .pic .img,.news-list li .pic img,.promo-list .warp li .pic img
,.res-list li .pic img{
	display: block;
	width: 100%;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.indban .right .video:hover img,.indban .right .mian .box:hover img,.ind-activity .list li:hover .img img,.pro6 .picScroll-left .bd ul li:hover .pic img,
.pro6 .warp .tit-pic:hover img,.pro6 .list li:hover .pic img,.video-warp .warp li:hover .pic .img,.news-list li:hover .pic img,.promo-list .warp li:hover .pic img
,.res-list li:hover .pic img,.help-warp .list-t li:hover .pic img{
	transform:scale(1.05); 
	-webkit-transform:scale(1.05); 
	-moz-transform:scale(1.05); 
	-o-transform:scale(1.05); 
}

.fy{
	width: 100%;
	margin: 0 auto;
	text-align: center;
	height: 30px;
	margin-bottom: 85px;
}
.fy.on{
	margin-bottom: 120px;
}
.fy.mt50{
	margin-top: 50px;
}
.fy.cut{
	margin-bottom: 0;
}
.fy a{
	display: inline-block;
	font-size: 16px;
	color: #424242;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	margin: 0 7px;
}
.fy .prve{
	margin-right: 130px;
}
.fy .next{
	margin-left: 130px;
}
.fy a.active,.fy a:hover{
	color: #c2986d;
}
.prop-zhez{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: url(../img/tipbg.png) center repeat;z-index: 100;display: none}
.prop-video-box{width:950px;margin: 0 auto;height: 580px;position: fixed;top: 50%;left:50%;z-index:101;margin-left: -475px;margin-top: -290px;}
.prop-video-box .close{display: block;width: 35px;height: 35px;background: url(../img/ico_07.png) center no-repeat;position: absolute;right: -50px;top: 0px;}
.prop-video-box .video{display: block;width: 100%;height: 100%}
.prop-video-box .main{display: block;width: 100%;height: 100%}
.phone-video{display: none;}


.dao-title{
	height: 22px;
	line-height: 22px;
	padding: 18px 0;
	width: 1280px;
	margin: 0 auto;
}
.dao-title a{
	display: block;
	float: left;
	font-size: 14px;
	color: #838383;
	margin-right: 7px;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.dao-title a span{
	font-family: '宋体';
	padding-left: 6px;
}
.dao-title a:hover{
	color: #000;
}

.ind-txtscroll{ 
	width: 100%;
	background-color: #333333;
	height: 26px;
	overflow:hidden;
	position:relative;
}
.ind-txtscroll .txtScroll-top{
	width: 1280px;
	height: 26px;
	margin: 0 auto;
}
.ind-txtscroll .txtScroll-top .hd{display: none;}
.ind-txtscroll .txtScroll-top .bd{height: auto;width: 1000px;margin: 0 auto;color: #959595;float: left;}
.ind-txtscroll .txtScroll-top .infoList li{ height:26px; line-height:26px;font-size: 12px;color: #959595;}
.ind-txtscroll .txtScroll-top .infoList li .date{ float:right; color:#999;  }
.ind-txtscroll .btns{
	display: inline-block;
	padding-right: 25px;
	font-size: 12px;
	line-height: 26px;
	color: #fff;
	float: right;
	background: url(../img/txtsrcolrr-arr2.png) right center no-repeat;
	cursor: pointer;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.ind-txtscroll .btns:hover{
	background: url(../img/txtsrcolrr-arr1.png) right center no-repeat;
}
/*返回顶部*/
.backtop{
	position: fixed;
	width: 50px;
	height: 50px;
	right: 30px;
	bottom: 30px;
	cursor: pointer;
	display: none;
	background: url(../img/backtop.png) no-repeat center;
	z-index: 9;
}